﻿@model PTUDW_CNTN2010_F_CDT.Models.RegisterModel
@using Recaptcha;
<body style="padding: 35px">
    @{
        ViewBag.Title = Resources.Register;
        Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <h2>@Resources.Register</h2>

    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    @*<script src="~/Scripts/jquery.cookie.js" type="text/javascript"></script>*@

    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)
        <fieldset style="background: url(/images/img/backgroundupload.png)">
            <legend>@Resources.EnterUserCredentials</legend>

            <div class="editor-label">
                @Html.LabelFor(model => model.FullName)<span class="star">*</span>
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.FullName)
                @Html.ValidationMessageFor(model => model.FullName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.UserName)<span class="star">*</span>
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.UserName)
                @Html.ValidationMessageFor(model => model.UserName)
                <input type="button" id="btnCheck" value="@Resources.Check!" />
                <script>
                    $(document).ready(function () {
                        $("#btnCheck").click(function () {
                            var name = $("#UserName").val(); //Value entered in the text box
                            var status = $("#checkaccount"); //DIV object to display the status message
                            status.html("@Resources.Checking") //While our Thread works, we will show some message to indicate the progress

                            //jQuery AJAX Post request
                            $.post("../Account/CheckName", { UserName: name },
                                function (data) {
                                    if (data == true) {
                                        status.html(name + " @Resources.AccountAvailable");
                                    } else {
                                        status.html(name + " @Resources.AccountNAvailable");
                                    }
                                });
                        });
                    });
                </script>
                <span id="checkaccount" style="color:yellow;"></span>
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.Password)<span class="star">*</span>
            </div>
            <div class="editor-field">
                @Html.PasswordFor(model => model.Password)
                @Html.ValidationMessageFor(model => model.Password)
                <span id="pstr" style="color: yellow;"></span>
                <script>
                    $(document).ready(function () {
                        $("#Password").keyup(function () {
                            var status = check(this.value);
                            document.getElementById("pstr").innerHTML = status;
                        });
                    });
                    function check(pass) {
                        var reg = "(?=.{6,})[a-zA-Z]+[^a-zA-Z]+|[^a-zA-Z]+[a-zA-Z]+";
                        if (pass.match(reg)) {
                            if (pass.length >= 12)
                                return "@Resources.Strong";
                            if (pass.length >= 10)
                                return "@Resources.Fair";
                if (pass.length >= 6)
                    return "@Resources.Weak";
            }
            return "";
        }
                </script>

            </div>
            <div class="span-6">
            <div class="editor-label">
                @Html.LabelFor(model => model.ConfirmPassword)<span class="star">*</span>
            </div>
            <div class="editor-field">
                @Html.PasswordFor(model => model.ConfirmPassword)
                @Html.ValidationMessageFor(model => model.ConfirmPassword)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.Email)<span class="star">*</span>
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Email)
                @Html.ValidationMessageFor(model => model.Email)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.ConfirmEmail)<span class="star">*</span>
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.ConfirmEmail)
                @Html.ValidationMessageFor(model => model.ConfirmEmail)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.Sex)<span class="star">*</span>
            </div>
            <div class="editor-field">
                @{
        var list = new SelectList(new[]{new {Sex=false,Name=Resources.Male},
                                    new{Sex=true,Name=Resources.Female},
                                   },
                                "Sex", "Name");
                }
                @Html.DropDownList("Sex", list)
                @Html.ValidationMessageFor(model => model.Sex)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.Phone)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Phone)
                @Html.ValidationMessageFor(model => model.Phone)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.Address)
            </div>
            <div class="editor-field">
                @Html.TextAreaFor(model => model.Address, new { style = "height: 50px;width:144px;" })
                @Html.ValidationMessageFor(model => model.Address)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.ProvinceId)
            </div>
            <div class="editor-field">
                @Html.DropDownList("ProvinceId", ViewBag.Provinces as SelectList)
                @Html.ValidationMessageFor(model => model.ProvinceId)
            </div>
                <div class="editor-label">
                    Are you a human?
                </div>

            </div>
            <div class="span-16 last" style="background: #f7e56f; border: 2px solid #000; border-radius: 10px; margin-top: 80px;">
                <h1 style="text-align: center">Nội quy diễn đàn</h1>
                <br />
                <p>
                    Việc Đăng ký vào diễn đàn là hoàn toàn miễn phí !
                    <br />
                    Chúng tôi đòi hỏi bạn tuân theo các nội quy của diễn đàn bên dưới để diễn đàn trở thành nơi giao lưu, học hỏi có quy tắc và bổ ích. . Nếu bạn đồng ý với các điều khoản, xin vui lòng bấm chọn 'Tôi đồng ý' và bấm nút 'Đăng ký' dưới đây. Nếu bạn muốn hủy bỏ việc đăng ký, bấm vào đây để trở về diễn đàn . 
                Tất cả các sân chơi đều có nội quy riêng của nó, mong bạn hiểu điều này !<br />

                    Quy Luật Diễn Ðàn<br />

                    Chúng tôi không bắt buộc bạn phải đăng ký thành viên nếu chỉ tham quan diễn đàn (Chỉ đọc các bài viết trên diễn đàn ).<br />
                    Trước khi đăng ký tất cả đều phải đồng ý với những quy ước sau:<br />

                    Tất cả bài gởi đều phải viết bằng tiếng Việt có dấu hoặc không dấu .<br />
                    Không được bàn về chuyện chính trị, tôn giáo hay những đề tài dễ gây hiềm khích.<br />
                    Không được kỳ thị chủng tộc, giới tính, nơi cư ngụ hay tuổi tác.<br />
                    Xin hãy cư xử hoà nhã với nhau! Chúng tôi sẽ không chấp nhận bất cứ hình thức công kích, mạ lị nào nhắm vào một cá nhân hay một đoàn thể.<br />
                    Không được gởi bài hoặc hình ảnh có nội dung thô tục, khiêu dâm.<br />
                    Nếu vi phạm chúng tôi sẽ tước quyền lợi thành viên mà không cần phải báo trước..<br />
                </p>
            </div>

<div class="editor-field">
  @Html.Raw(Html.GenerateCaptcha("captcha", "clean"))
  @Html.ValidationMessage("captcha")
</div>
            <br />
            <p>
                <input type="submit" value="@Resources.Register" class="LoginButton" />
            </p>
        </fieldset>
    }
</body>
